<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<html>
	<!-- Mirrored from www.zi-han.net/theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>H+ 后台主题UI框架 - jqGird</title>
		<%@ include file="/WEB-INF/pages/common/inc.jsp"%>
		<link href="${ctxStatic}/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
		<link href="${ctxStatic}/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
		<!-- jqgrid-->
		<link href="${ctxStatic}/css/plugins/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet">
		<link href="${ctxStatic}/css/animate.min.css" rel="stylesheet">
		<link href="${ctxStatic}/css/style.min862f.css?v=4.1.0" rel="stylesheet">
		<style>
			.ui-jqgrid-sortable,.jqgrow,.ui-pg-table,.EditTable{
				font-size:12px;
			}
		</style>
	</head>

	<body>
		<table id="table_list_2"></table>
		<div id="pager_list_2"></div>
		<script src="${ctxStatic}/js/jquery.min.js?v=2.1.4"></script>
		<script src="${ctxStatic}/js/bootstrap.min.js?v=3.3.6"></script>
		<script src="${ctxStatic}/js/plugins/peity/jquery.peity.min.js"></script>
		<script src="${ctxStatic}/js/plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
		<script src="${ctxStatic}/js/plugins/jqgrid/jquery.jqGrid.minffe4.js?0820"></script>
		<script src="${ctxStatic}/js/content.min.js?v=1.0.0"></script>
		<script>
			$(document).ready(function() {
				$("#table_list_2").css('fontSize','14px');
				$("#pager_list_2").css('fontSize','14px');
				$.jgrid.defaults.styleUI = "Bootstrap";
					$("#table_list_2").jqGrid({
						url : '${ctx}/admin/people/listCustomer',
					    datatype : "json",
						height: "400",
						autowidth: true,
						shrinkToFit: true,
						rownumbers:true,
						viewrecords:true,
						rowNum: 10,
						rowList: [10, 20, 30],
						colNames: ["用户id","用户名", "姓名","电话", "注册日期"],
						colModel: [{
							name: "id",
							index: "id",
							editable: true,
							hidden:true,
							key:true
						},{
							name: "username",
							index: "username",
						},{
							name: "name",
							index: "name",
							editable: true
						},{
							name: "phone",
							index: "phone",
							editable: true
						},{
							name: "createDate",
							index: "createDate",
						}],
						pager: "#pager_list_2",
						sortname : 'id',
						editurl:"${ctx}/admin/people/operateCustomer",
						sortorder : "desc"
					});
		
					$("#table_list_2").jqGrid("navGrid", "#pager_list_2", {
						edit: true,
						add: false,
						del: true,
						search: true
					});
			});
		</script>
	</body>
</html>